<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>小米登录与注册</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="../src/css/reset.css">
    <link rel="stylesheet" href="../src/css/registry.css">
    <style type="text/css">
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>

    <!-- 兼容处理，仅IE9以下浏览器识别这段代码 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->


</head>

<body>
    <div id="bigBox">
        <div class="leftbox">
            <img src="https://cdn.web-global.fds.api.mi-img.com/mcfe--mi-account/static/static/media/banner.4994397e.jpg" alt="">
        </div>
        <div class="rightox">
            <div class="topBox">
                <div class="smallBox">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon-xiaomiguishu"></use>
                    </svg>
                    <p>小米账号</p>
                </div>
                <div class="lfBox">
                    <div class="nav">
                        <a class="a1" href="/about/protocol/agreement?_locale=zh_CN">用户协议</a>
                        <a class="a2" href="/about/protocol/privacy?_locale=zh_CN">隐私政策</a>
                        <a class="a3" href="/helpcenter?_locale=zh_CN">帮助中心</a>
                    </div>
                    <div class="navdiv">|</div>
                    <div class="item">
                        <div class="zhongweng">中文(简体) <svg width="14" height="14"><path d="M10.732 5H3.268c-.224 0-.349.245-.21.413l3.732 4.49a.277.277 0 00.42 0l3.732-4.49c.139-.168.014-.413-.21-.413z" ></path></svg></div>
                    </div>
                </div>
            </div>


            <!-- 登入 -->
            <div class="midBox">

                <div class="tab_box">
                    <div class="tab_title">
                        <ul>
                            <li class="active"><a href="javascript:;">登录</a></li>
                            <li><a href="javascript:;">注册</a></li>
                        </ul>
                    </div>
                    <!-- input内容区 -->
                    <div class="tab_content row">

                        <!-- 登录 -->
                        <div class="item show">
                            <form action="">
                                <div class="con_box center-block">
                                    <label for="">邮箱/账号/小米ID</label>
                                    <input type="text" name="tel" class="log_tel">
                                    <span class="checkspan1"></span>
                                </div>
                                <div class="con_box center-block">
                                    <label for="">密码</label>
                                    <input type="password" name="password" class="log_password"><span class="checkspan1"></span>
                                </div>

                                <!-- 条款 -->
                                <div class="item_box">
                                    <label>
                                        <span class="check">
                                            <input type="checkbox" class="input_item0" value="">
                                        </span>
                                        <span>已阅读并同意小米帐号 
                                            <a target="_blank" rel="" href="https://static.account.xiaomi.com/html/agreement/user/zh_CN.html">用户协议</a> 和 
                                            <a target="_blank" rel="" href="https://privacy.mi.com/miaccount/zh_CN/">隐私政策</a>
                                            <span class="checkspan_login">
                                                <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-yk_gantanhao_fill"></use>
                                            </svg><p>请您同意条款</p></span>
                                        </span>
                                    </label>
                                </div>

                                <!-- 提交按钮 -->
                                <div>
                                    <input type="button" class="btn" value="登录"><span class="checkspan1"></span>
                                </div>
                                <div class="forget">
                                    <a target="_blank" rel="" href="#">忘记密码</a>
                                    <a target="_blank" rel="" href="#">手机号登录</a>
                                </div>
                                <p class="es">其他方式登录</p>
                                <div class="other_ways">
                                    <a href="">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-zhifubao"></use>
                                        </svg>
                                    </a>
                                    <a href="">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-weixin"></use>
                                        </svg>
                                    </a>
                                    <a href="">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-QQdenglu"></use>
                                        </svg>
                                    </a>
                                    <a href="">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-xinlangweibo"></use>
                                        </svg>
                                    </a>
                                </div>
                            </form>
                        </div>

                        <!-- 注册 -->
                        <div class="item">
                            <form action="http://localhost/JS2112/xiaomi/php/reg.php" method="post" class="form_registry">
                                <div class="con_box center-block">
                                    <label for="">手机号</label>
                                    <input type="text" name="tel" class="tel" placeholder=""><span class="checkspan"></span>
                                </div>
                                <div class="con_box center-block">
                                    <label for="">确认密码</label>
                                    <input type="password" name="password" class="password" placeholder=""><span class="checkspan"></span><span class="checkspan"></span><span class="checkspan"></span>
                                </div>
                                <div class="con_box center-block">
                                    <label for="">再次确认密码</label>
                                    <input type="password" name="repass" class="repass" placeholder=""><span class="checkspan"></span>
                                </div>

                                <!-- 条款 -->
                                <div class="item_box">
                                    <label>
                                        <span class="check">
                                            <input type="checkbox" class="input_item" value="">
                                        </span>
                                        <span>已阅读并同意小米帐号 
                                            <a target="_blank" rel="" href="#">用户协议</a> 和 
                                            <a target="_blank" rel="" href="#">隐私政策</a>
                                            <span class="checkspan2">
                                                <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-yk_gantanhao_fill"></use>
                                            </svg><p>请您同意条款</p></span>
                                        </span>
                                    </label>
                                </div>

                                <!-- 提交按钮 -->
                                <div>
                                    <input type="submit" class="submit" name="submit" value="注册">
                                </div>

                                <div class="forget">
                                    <a target="_blank" rel="" href="#">收不到验证码?</a>
                                </div>
                                <p class="es">其他方式登录</p>
                                <div class="other_ways">
                                    <a href="">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-zhifubao"></use>
                                        </svg>
                                    </a>
                                    <a href="">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-weixin"></use>
                                        </svg>
                                    </a>
                                    <a href="">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-QQdenglu"></use>
                                        </svg>
                                    </a>
                                    <a href="">
                                        <svg class="icon" aria-hidden="true">
                                            <use xlink:href="#icon-xinlangweibo"></use>
                                        </svg>
                                    </a>
                                </div>
                            </form>
                        </div>

                    </div>

                </div>

            </div>


            <!-- 底部 -->
            <div class="botBox">
                <div class="links">小米公司版权所有-京ICP备10046444-
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" target="_blank" rel="noopener noreferrer">京公网安备11010802020134号
                    </a> -京ICP证110507号
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="//at.alicdn.com/t/font_3102631_kds9m1nxdl.js"></script>
<script src="./script/login.js"></script>
<script src="./script/registry.js"></script>